<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        /*body总有一个默认的外边距，在这里我们进行初始化*/
        body{
            margin: 0;
        }

        #box{
            width: 300px;
            height: 300px;
            border: 1px solid red;
        }

        div:nth-of-type(1){
            border: 2px solid green;
        }
    </style>
</head>
<body>
    <!--使用div进行包裹-->
   <div id="box">
       <h2>会员登录</h2>
       <form action="#">
           <!--form中的属性值使用div进行包裹-->
           <div>
               <span>用户名：</span>
               <input type="text">
           </div>
           <div>
               <span>密码：</span>
               <input type="text">
           </div>
       </form>
   </div>
</body>
</html>